<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>咖啡设计图（产品展示）</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/product_public.css">
    <link rel="stylesheet" href="../css/product_display.css">
    <link rel="stylesheet" href="../font/iconfont.css">
</head>

<body>
    <!-- 头部 -->
    <div id="header">
        <div class="wrapper">
            <img src="../images/sy_02.png" alt="">
            <ul>
                <li><a href="../html/index.html">首页</a></li>
                <li><a href="../html/about_us.html">关于我们</a></li>
                <li><a href="../html/product_display.html">产品介绍</a></li>
                <li><a href="../html/about_team.html">我们团队</a></li>
                <li><a href="../html/contact_us.html">联系我们</a></li>
            </ul>
        </div>
    </div>

    <!--轮播图 -->
    <div id="banner">
        <div class="banner_img">
            <img src="../images/cpjs01.png" alt="">
            <img src="../images/cpjs02.png" alt="">
            <img src="../images/cpjs03.png" alt="">
        </div>
       <button><</button>
       <button>></button>
                <ul>
                    <li hh="0" class="active"></li>
                    <li hh="1"></li>
                    <li hh="2"></li>
                </ul>
    </div>

    <!-- 内容 -->
    <div id="content">
        <div class="wrapper">
            <div class="title">
                <div class="title_coffee">
                    <dl hh="0" class="active">
                        <dt>拿铁咖啡</dt>
                        <dd>Cafe Latte</dd>
                    </dl>
                    <dl hh="1">
                        <dt>卡布基诺</dt>
                        <dd>Cappuccino</dd>
                    </dl>
                    <dl hh="2">
                        <dt>摩卡咖啡</dt>
                        <dd>Mocha Coffee</dd>
                    </dl>
                </div>
                <div class="tltle_text">
                    <a href="#">当前位置<i class="iconfont">&#xe625;</i></a>
                    <a href="#" class="a_text">首页 <i class="iconfont">&#xe625;</i></a>
                    <a href="#" class="a_text">产品介绍 <i class="iconfont">&#xe625;</i></a>
                    <div class="coffee_text">
                        <a href="#" class="active2">拿铁咖啡</a>
                        <a href="#">卡布诺基</a>
                        <a href="#">摩卡咖啡</a>
                    </div>
                </div>
            </div>
            <div class="tatol">
                <div class="pictrue_text active1">
                    <img src="../images/nt_03.png" alt="">
                    <div class="text">
                        <p>这是1683年的故事了。这一年，土耳其大军第二次进攻维也纳。当时的维也纳皇帝奥博德一世与波兰国王奥古斯都二世订有攻守同盟 ，波兰人只要得知这一消息，增援大军就会迅速赶到。
                            但问题是，谁来突破土耳其人的重围去给波兰人送信呢?曾经在土耳其游历的维也纳人柯奇斯基自告奋勇，以流利的土耳其话骗过围城的土耳其军队，跨越多瑙河，搬来了波兰军队。</p>
                        <p>奥斯曼帝国的军队虽然骁勇善战，在波兰大军和维也纳大军的夹击下， 还 是仓皇退却了，走时在城外丢下了大批军需物资，其中就有数十麻袋的咖啡豆 穆斯林世界控制了几个世纪不肯外流的咖啡豆,
                            就这样轻而易举地到了维也纳人手上。但是维也纳人不知道这是什么东西。只有柯奇斯基知道这是一种神奇的饮料。于是他请求把这数十麻袋咖啡豆作为突围求救的奖赏，并利用这些战利品在维也纳开设了一家咖啡馆--蓝瓶子。
                        </p>
                        <p>开始的时候，咖啡馆的生意并不好。原因是欧洲人不像土耳其人那样，喜欢连咖啡渣一起喝下去 。于是聪明的柯奇斯基改变了配方过滤掉咖啡渣并加入大量牛奶 - -
                            这就是如今咖啡馆里常见的"拿铁"咖啡的原创版本。</p>
                    </div>
                </div>
                <div class="pictrue_text">
                    <img src="../images/kblj_03.png" alt="">
                    <div class="text">
                        <p>卡布奇诺咖啡的味道很好，但它的名称来历却更有学问，一直是欧美研 究文字变迁的最佳体材。 Cappuccino此字的历史，足以说明一个字常常会 因为看来像某样东西， 最后被引申成其它字义，
                            远远超出造字者原先用意 听来似乎蛮复杂的。创设于一五二五年以后的圣芳济教会Capuchin)的修士 都穿著褐色道袍，头戴一顶尖尖帽子，圣芳济教会传到意大利时, 当地人觉
                            得修士服饰很特殊，就给他们取个Cappuccino的名字， 此字的意大利文是 指僧侣所穿宽松长袍和小尖帽，源自意大利文"头巾"即Cappuccino。</p>
                        <p>然而，老人爱喝咖啡，发觉浓缩咖啡、牛奶和奶泡混合后，颜色就像是 修士所穿的深褐色道袍，于是灵机一动，就给牛奶加咖啡又有尖尖奶泡的饮 料，取名为卡布奇诺(Cappuccino).
                            英文最早使用此字的时间在一九四八年 当时旧金山一篇报导率先介绍卡布奇诺饮料，一直到1990年以后, 才成为世 人耳熟能详的咖啡饮料。应该可以这么说Cappuccino咖啡这个字，
                            源自圣 芳济教会(Capuchin)和意大利文头巾(Cappucio)，相信Cappuccino的原始 造字者，做梦也没料到僧侣的道袍最后会变成一种咖啡饮料名称。卡布奇诺
                            咖啡是意大利咖啡的一种变化，即在偏浓的咖啡上。
                        </p>

                    </div>
                </div>
                <div class="pictrue_text">
                    <img src="../images/mk_07.png" alt="">
                    <div class="text">
                        <p>摩卡作为一个世界上最早的也曾经是最大的咖啡贸易的港口而闻明于世位 于埃塞尔比亚海峡对面的也门，埃塞尔比亚的咖啡也曾经通过也门摩卡港出口
                            运输，摩卡港已经干枯了，但附近地区出产的咖啡还是习惯称之为摩卡。</p>
                        <p>哈拉尔(Harar)咖啡，这种咖啡生长在从达罗勒布(Darolebu)平原海拔900 米到埃塞俄比亚东部高地山脉谢赫谢赫(Chercher)海拔2700米范围内的地区这
                            些山脉确实为这些常年生长的咖啡豆提供了独一无二的特征:果实饱满呈长条状 酸性适中，典型的摩卡爽口风味。哈拉尔(Harar)咖啡世界领先的优质咖啡 ; 虽
                            然品种产自国外但给人以亲切之感，口感绵润甜滑， 给人以真正摩卡咖啡的丰 富口感。哈拉尔咖啡几乎有最低的咖啡因含量，大约为1.13%。
                        </p>
                        <p>哈拉尔不仅是世界上最好的的日晒咖啡之一，被誉为"旷野的咖啡"，而更 像是一个美丽的传说。</p>
                        <P>埃塞俄比亚主要是是阿拉比卡原种 ; 出口生豆;采用干燥法和水洗法的加工 方法;主要产地集中于西南部、东部及南部;每年八月/一月为收获期。</P>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div id="footer">
        <div class="wrapper">
            <p>COPYRIGHT &copy; 重庆DUZU有限公司 | DUZU备案号 33010602001878 号 版权所有：重庆戈登有限公司</p>
            <figure>
                <img src="../images/sy_40.png" alt="">
                <figcaption>官方唯一旗舰店</figcaption>
            </figure>
        </div>
    </div>

    <script src="../js/product_display.js">
    
    </script>
</body>

</html>